


.email_tips{
    font-size: 18px;
    font-weight: 500;
    margin-bottom: 35px;
}
.email_tips .email{
    color: var(--ul-pink);
}
.recruit_item{
    height: 100px;
    padding: 20px 90px 20px 20px;
    margin-bottom: 35px;
    border-radius: 5pt;
    position: relative;
    transition: all .3s ;
    overflow: hidden;
}
.recruit_item:nth-child(odd){
    background-color: var(--item-bg);
}
.recruit_item:nth-child(even){
    background-color: var(--item-bg2);
}
.recruit_item::after{
    content: "";
    position: absolute;
    height: 60px;
    width: 5px;
    left: 0;
    top: 20px;
    background-color: var(--ul-pink);
}
.recruit_active .recruit_content{
    opacity: 1;
}
.recruit_title{
    display: flex;
    flex-wrap: wrap;
    height: 60px;
}
.recruit_name{
    width: 100%;
    height: 30px;
    font-size: 18px;
    font-weight: 500;
}
.recruit_name:nth-child(1){
    line-height: 1;
}
.recruit_name:nth-child(2){
    line-height: 2;
}
.recruit_content{
    padding-top: 20px;
    color: #656565;
    opacity: 0;
    transition: opacity .5s;
}
.read_more{
    position: absolute;
    right: 25px;
    top: 20px;
    cursor: pointer;
    width: 60px;
    height: 60px;
}
.read_more .read_tips_img{
    width: 100%;
    height: 100%;
}

.welfare_bg{
    background: url("https://gamesres.ultralisk.cn/ulwebfile/view/static/img/fl_bg.jpg") no-repeat;
    padding: 60px 0 136px 0;
    min-height: 534px;
}

.welfare_list{
    display: flex;
    justify-content: center;
}

.welfare_item{
    display: inline-block;
    width: 200px;
    height: 250px;
    overflow: hidden;
    transform: rotateZ(120deg);
    margin: 0 20px;
    color: #fff;
}
@media screen and (max-width:992px){
    .welfare_list{
        flex-wrap: wrap;
    }
    .welfare_item{
        width: 100px;
        height: 150px;
    }
    .welfare_child_child{
        line-height: 150px !important;
    }
    .welfare_child_child>img{
        width: 40%;
    }
    .welfare_content{
        top: 30px !important;
        line-height: 18px !important;
        font-size: 12px;
    }
    .welfare_content>p{
        height: auto !important;
        top: 20px !important;
    }
    
} 
.welfare_item .welfare_child{
    width: 100%;
    height: 100%;
    overflow: hidden;
    transform: rotateZ(-60deg);
}
.welfare_item .welfare_child .welfare_child_child{
    width: 100%;
    height: 100%;
    overflow: hidden;
    text-align: center;
    line-height: 250px;
    transform: rotateZ(-60deg);
    /* transition: all .5s ; */
    user-select: none;
    cursor: pointer;
    position: relative;
}
.welfare_item .welfare_child .welfare_child_child .welfare_content{
    position: absolute;
    top: 70px;
    left: 0;
    right: 0;
    /* transition: opacity .5s ; */
    line-height: 30px;
    padding: 10px;
    opacity: 0;
}
.welfare_item:last-child .welfare_child .welfare_child_child .welfare_content{
    top: 40px;
}
.welfare_item .welfare_child .welfare_child_child .welfare_content>p{
    margin: 0;
    height: 25px;
}
.welfare_item .welfare_child .welfare_child_child:hover{
    background-color: var(--wel-hover-bg) !important;
}
.welfare_item .welfare_child .welfare_child_child:hover .welfare_content{
    opacity: 1;
}
/* .welfare_item .welfare_child .welfare_child_child>img{
    transition: opacity .5s ;
} */
.welfare_item .welfare_child .welfare_child_child:hover>img{
    opacity: 0;
}


.welfare_list:nth-child(2) .welfare_item:nth-child(1) .welfare_child .welfare_child_child{
    background-color: #C2DD8D;
    color: #C2DD8D;
}
.welfare_list:nth-child(2) .welfare_item:nth-child(2) .welfare_child .welfare_child_child{
    background-color: #F5A6AA;
    color: #F5A6AA;

}
.welfare_list:nth-child(2) .welfare_item:nth-child(3) .welfare_child .welfare_child_child{
    background-color: #95D6E9;
    color: #95D6E9;

}
.welfare_list:nth-child(2) .welfare_item:nth-child(4) .welfare_child .welfare_child_child{
    background-color: #A58DDD;
    color: #A58DDD;

}
.welfare_list:nth-child(2) .welfare_item:nth-child(5) .welfare_child .welfare_child_child{
    background-color: #F0B387;
    color: #F0B387;
}

@media screen and (max-width:480px){
    .welfare_bg{
        background-size: cover;
        padding-top: 20px;
        padding-bottom: 10px !important;
    }
}